﻿<div  data-bind="visible:isDisplaySplashScreen" id="splash-screen" style="display: none;">
    <img src='@Url.Content("~/Images/splash-screen-demo.jpg")' alt="splash"/>
    
    <div class="message-panel left">
        <h1>Welcome <span>Sally Jones</span> to Harmony Quotes </h1>
        <p class="not-is-current-user">Not Sally Jones? <a href="#">Click here</a></p>    
        
        <div class="message">
            <h4>NEW UPDATE 1.1.0.0 READY FOR DOWNLOAD</h4>
            <p>This download updates pricing for new Crystal Line</p>
            <a href="#">Click Here to Update</a>
        </div>
    </div>
    <div class="recent-quotes-panel right">
        <h1>My Recent Quotes</h1>

        <div data-bind="foreach:recentQuotes" class="list-quotes">
            <p data-bind="text:$data"></p>    
        </div>
        
    </div>
    <div class="clear"></div>
</div>